﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="scripts/lib/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/sections.js"></script>
<script type="text/javascript">
    //Globals
    var STANDARD = "ECMA-262";
    var TEST_LIST_PATH = "json/testcaseslist.json";
</script>
<script type="text/javascript" src="scripts/sth.js"></script>
<script type="text/javascript" src="harness/sta.js"></script>
<script type="text/javascript" src="scripts/lib/jqueryprogressbar.js"></script>
<script type="text/javascript" src="scripts/helper.js"></script>
<script type="text/javascript" src="scripts/lib/jquery.base64.js"></script>
<script type="text/javascript">
    //To support all the browsers
    $(window).resize(ResizeLoadIndicator);
    $(window).load(ResizeLoadIndicator);
    function ResizeLoadIndicator() {
        $(".indicatorContainer .disabledBackground").css({ height: ($(window).height() - 20) + "px" });
    }
    
    $(".indicatorContainer").click(function(e) {
        if (!e) { var e = window.event; }
        e.cancelBubble = true;
        if (e.stopPropagation) { e.stopPropagation(); }
    });
</script>

<title>ECMAScript Best Practices – test262</title>
<link href="styles/style.css" media="screen" rel="stylesheet" title="CSS" type="text/css" />
</head>
<body>
    <div class="indicatorContainer">
        <!--Blank div to disable back portion when indicator is shown-->
        <div class="disabledBackground"></div>
        <div id="loadingIndicator">
            <div>
                <img src="./images/spinner.gif" alt="Loading..." />
                <span>Loading...</span>
            </div>
        </div>
    </div>

    <div class="wrapper"> 
        <!-- This Container holds the main header -->
        <div class="mainHeader"> 
            <p><span id="ECMAscript">ECMA</span><span id="ecmaSCRIPT">Script</span> <strong>Best Practices</strong> test262
            <a id="ecmascriptbacklink" href='javascript:void(window.open("http://www.ecmascript.org/"));'>ECMAScript.org</a></p>
        </div>
        <!-- This Container holds the Navigation -->
        <div class="navBar">
            <ul>
                <li><a href="#" class="selected nav-link" id="home">Home</a></li>
                <li><a href="#" class="nav-link" id="run">Run</a></li>
                <li><a href="#" class="nav-link test-report-link" id="results">Results</a></li>
                <li><a href="#" class="nav-link" id="development">Development</a></li>
            </ul>
        </div>
        <div class="content-container" id="contentContainer">
            <!-- This is the Main Content Container -->
            <div class="content-home">
                <p class="headers">What is test262 <i>Best Practices</i>?</p>
                <p class="content"><i>test262 Best Practices</i> is a supplemental test suite to <a href="default.html">test262</a> containing test cases that are <b>not</b> required by the ECMAScript specification, but deemed best practices for JavaScript implementers by Ecma's TC-39 committee.</p>
                
                <p class="headers">Running the Tests</p>
                <p class="content">Click the “Run” tab at the top of this page for instructions and follow the instructions to run the tests.</p> 
                
                <a href='javascript:void(window.open("http://www.ecma-international.org/memento/TC39.htm"));'></a>
                         
            </div>

            <div class="content-dev">
                <p class="headers">Development</p>
                <p class="content">Test262 is being developed by the members of Ecma TC39. Ecma's intellectual property policies, permit only Ecma 
                    members to directly contribute code to the project. However, a <a href='javascript:void(window.open("http://mail.mozilla.org/pipermail/test262-discuss/"));'>public mailing list</a> is used to coordinate development of Test262.  If you wish to participate in the discussion please <a href='javascript:void(window.open("http://mail.mozilla.org/listinfo/test262-discuss"));'>subscribe</a>.  Bug reports and suggestions should be sent to the mailing list.
                </p>
                <p class="content">
                    Ecma members can find detailed instructions on Test262 development procedures at the <a href='javascript:void(window.open("http://wiki.ecmascript.org/doku.php?id=test262:test262"));'>Test262 Wiki</a>.
                </p>
            </div>

            <div class="content-tests">
                <!-- This is the Main Content Container -->
                <p class="content">Please click on the Run All button to run all the tests. Once you start the test you may pause the test anytime by clicking on the Pause button. You can click on the Results tab once the test is completed or after pausing the test. The Reset button is for restarting the test run. You may run individual tests by clicking the Run button next to the tests listed below. If you wish to run several chapters in sequence, but not the entire test suite, click the Select button for the chapters you wish to run and then click the Run Selected button.</p>

                <!-- This is the Progress Bar Holder -->
                <div class="progressBarHolder">
                    <div id="progressbar"></div>
                    <div class="progressBarButtons">
                        <!-- Loading: Run All, Run Selected -->
                        <!-- Loaded: Run All, Run Selected -->
                        <!-- Running: Pause -->
                        <!-- Paused: Resume, Reset -->
                        <img src="images/runall.png" alt="Run All" title="Run all tests." id="btnRunAll" />
                        <img src="images/runselected.png" alt="Run Selected Tests" title="Run the tests selected below." id="btnRunSelected" />
                        <img src="images/pause.png" alt="Pause" title="Pause the running tests." id="btnPause" />
                        <img src="images/resume.png" alt="Resume" title="Resume the running tests." id="btnResume" />
                        <img src="images/reset.png" alt="Reset" title="Reset testing status." id="btnReset" />
                    </div>
                    <div style="clear: both;"></div>
                </div>
                <p class="hide">
                    Timer Value(ms) : <input id="txtTimerValue" value="50" /> <input id="btnSetTimerValue" value="Set Timer Value" type="button"/>
                </p>
                
                <!-- This is the Results Text Holder -->
                <div class="resultsHeader">
                    Tests to run: <strong><span class="teststorun-counter" id="testsToRun"></span></strong>&nbsp;<span class="separator">|</span>
                    Total tests ran: <strong><span class="total-counter" id="totalCounter"></span></strong> <span class="separator">|</span>
                    Pass: <span class="pass" id="Pass"></span> <span class="separator">|</span>
                    Fail: <span class="fail" id="Fail"></span> <span class="separator">|</span>
                    Failed to load: <span class="fail" id="failedToLoadCounter1"></span>
                    <p><span id="nextActivity"></span></p>
                </div>
                
                <!-- Test Chapter selector -->
                <div id="chapterSelector">
                    <table width="100%" border="0" cellspacing="0" cellpadding="2"></table>
                </div>
                
                <!-- This is the Table -->
                <div class="resultsTableHolder" id="tableLoggerParent">                    
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table-logger" id="tableLogger"></table>
                </div>
                <div>
                    Test suite version: <span class="targetTestSuiteVersion"></span>&nbsp;<span class="separator">|</span>&nbsp;Test suite date: <span class="targetTestSuiteDate"></span>
                </div>
            </div>

            <div class="content-results">
                <div class="crumbContainer">
                    <div class="crumbs"></div>
                    <div style="float:right;"><a class="setBlue hide" id="backlinkDiv" href="#">&lt;&lt; back</a></div>
                    <div style="clear : both;"></div>
                </div>
                <div class="resultsHeader"> <strong>Total tests: <span class="totalCases"></span></strong><br />
                    Passed: <span class="passedCases"></span> <span class="separator">|</span> Failed: <span class="failedCases"></span> <span class="separator">|</span>
                    Failed to load: <strong><span id="failedToLoadCounter"></span></strong>
                </div>
                <!-- This is the Table -->
               <div class="resultsTableHolder">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="results-data-table"> </table>
                    <div id="resultMessage">Test results will be displayed after the tests are executed using the Run page.</div>
                </div>
                <div>
                    Test suite version: <span class="targetTestSuiteVersion"></span>&nbsp;<span class="separator">|</span>&nbsp;Test suite date: <span class="targetTestSuiteDate"></span>
                </div>
                <div class="downloadLinks">
                    <p><a class="anchor-download-xml" id="ancGenXMLReport"><strong>Download results as XML</strong></a></p> <!--| <strong><a href="scripts/testcases.zip">Download Source</a></strong></p>-->
                </div>
                <div id="legend" class="hide">
                    <label class="reportGreen">Green:</label>&nbsp;100%&nbsp;
                    <label class="reportLightGreen">Green:</label>&nbsp;75% to 99.9%&nbsp;
                    <label class="reportYellow">Yellow:</label>&nbsp;50% to 75% &nbsp;
                    <label class="reportRed">Red:</label>&nbsp;less than 50%
                </div>
            </div>
        </div>
    </div>
    <!-- This is the Footer -->
    <div class="footer">
        <!--<div class="Links"> <a href="">Privacy</a> | <a href="">Terms of Use</a> </div>-->
        <div class="copyright"> &copy; <a href='javascript:void(window.open("http://www.ecma-international.org"));'>Ecma International</a> </div>
    </div>
    <iframe id="scriptLoader" class="hide"></iframe>
</body>
</html>
